<template>
	<view class="container">
		<TopNav title="搭搭认证"></TopNav>
		<view class="p-lr12 m-t10">
			<view class="card bg-white p-lr12">
				<view class="flex justify-between align-center p-tb16" v-for="(item,index) in cellList" :key="index"
					@click="handleToPage(item.path)">
					<view class="flex align-center">
						<image :src="item.icon" class="width-20 height-20" mode=""></image>
						<text class="f-s15 f-w400 text-dark line-height20 m-l8">{{item.text}}</text>
					</view>
					<image src="/static/images/mine/dada-more.png" class="width-20 height-20" mode=""></image>
				</view>

			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				cellList: [{
					text: '实名认证',
					icon: '/static/images/mine/dada-1.png',
					path: 'identity'
				}, {
					text: '个人资料',
					icon: '/static/images/mine/dada-2.png',
					path: 'personal'
				}, {
					text: '形象视频和照片',
					icon: '/static/images/mine/dada-3.png',
					path: 'image'
				}, {
					text: '生活照',
					icon: '/static/images/mine/dada-4.png',
					path: 'life'
				}, {
					text: '原相机视频',
					icon: '/static/images/mine/dada-5.png',
					path: 'record'
				}]
			}
		},
		methods: {
			handleToPage(path) {
				this.$tab.navigateTo('./dada/' + path)
			}
		}
	}
</script>

<style scoped lang="scss">
	.card {
		border-radius: 16rpx;
		overflow: hidden;
	}
</style>